<template>
	<span class="svg-icon">
		<svg :width="widthPX" :height="heightPX" viewBox="0 0 28 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
			<title>停止播放</title>
			<g id="----" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
				<g id="画板5" transform="translate(-1509.000000, -600.000000)">
					<g id="编组-13" transform="translate(1509.000000, 584.000000)">
						<g id="编组-14" transform="translate(0.000000, 16.000000)">
							<rect id="矩形" stroke="#979797" fill="#D8D8D8" opacity="0" x="0.5" y="0.5" width="27" height="27"></rect>
							<g id="guanbi-12" transform="translate(6.000000, 6.000000)" class="fill-color" fill-rule="nonzero">
								<path
									d="M8,0 C3.58178571,0 0,3.58178571 0,8 C0,12.4182143 3.58178571,16 8,16 C12.4182143,16 16,12.4182143 16,8 C16,3.58178571 12.4182143,0 8,0 Z M8,14.8571429 C4.21285714,14.8571429 1.14285714,11.7871429 1.14285714,8 C1.14285714,4.21285714 4.21285714,1.14285714 8,1.14285714 C11.7871429,1.14285714 14.8571429,4.21285714 14.8571429,8 C14.8571429,11.7871429 11.7871429,14.8571429 8,14.8571429 Z"
									id="形状"
								></path>
								<path
									d="M10.0203571,5.17160714 L8,7.19196429 L5.97964286,5.17160714 C5.75558467,4.95400489 5.39832349,4.95661586 5.17746968,5.17746968 C4.95661586,5.39832349 4.95400489,5.75558467 5.17160714,5.97964286 L7.19196429,8 L5.17160714,10.0203571 C4.95400489,10.2444153 4.95661586,10.6016765 5.17746968,10.8225303 C5.39832349,11.0433841 5.75558467,11.0459951 5.97964286,10.8283929 L8,8.80803571 L10.0203571,10.8283929 C10.2444153,11.0459951 10.6016765,11.0433841 10.8225303,10.8225303 C11.0433841,10.6016765 11.0459951,10.2444153 10.8283929,10.0203571 L8.80803571,8 L10.8283929,5.97964286 C11.0459951,5.75558467 11.0433841,5.39832349 10.8225303,5.17746968 C10.6016765,4.95661586 10.2444153,4.95400489 10.0203571,5.17160714 Z"
									id="路径"
								></path>
							</g>
						</g>
					</g>
				</g>
			</g>
		</svg>
	</span>
</template>
<script>
export default {
	props: {
		width: {
			type: String,
			default: '100px'
		},
		height: {
			type: String,
			default: '100px'
		}
	},
	computed: {
		widthPX() {
			return this.width
		},
		heightPX() {
			return this.height
		}
	},
	name: 'stopvideo'
}
</script>
<style scoped>
.svg-icon {
	overflow: hidden;
	display: inline-flex;
}
.fill-color {
	fill: var(--svg-copy-color);
}
</style>
